<html>
<head>
<title>Vamos a la cancha! - B&uacute;squeda</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="mainApp" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<r:require modules="jquery-ui, buscarPago" />
</head>

<body>
	<div class="row-fuild">
		<div class="span12">

			<div id="errors"></div>

			<g:form id="formBusquedaPago" name="formBusquedaPago" controller="buscarPago" action="buscarPago">
				<div class="well well-small">
					<fieldset>
						<div class="control-group">
							<label class="control-label" for="evento">Elegir pago (sistema o usuario)</label>
							<div class="controls">
								<g:select name="tipoPago" from="${['', 'Sistema', 'Usuario']}" class="span4" id="tipoPago"/>
							</div>
						</div>
						<div class="control-group" id="controlGroupFecha">
							<label class="control-label" for="fechaSalida">Fecha:</label>
							<div class="controls">
								<div class="input-prepend">
									<span class="add-on"><i class="icon-calendar"></i></span>
									<input name="fechaPago" id="fechaPago" class="span4" type="text" value="${params.fechaPago?.format('dd/MM/yyyy')}" />
									<input name="fechaPagoHidden" id="fechaPagoHidden" type="hidden" value="${params.fechaPago?.format('dd/MM/yyyy')}" />
								</div>
							</div>
						</div>
					</fieldset>
					<div class="form-actions">
						<button class="btn btn-primary span2" 	id="btnBuscarPago" name="btnBuscarPago" value="Buscar">Buscar</button>
					</div>
				</div>
			</g:form>
			<g:render template="/templates/pagosBuscados" model="['pagosBuscados':pagosBuscados]"></g:render>
		</div>

	</div>
</body>
</html>